<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>专家团队</title>

  <link rel="stylesheet" href="assets/css/vendor/vendor.min.css">
  <link rel="stylesheet" href="assets/css/plugins/plugins.min.css">
  <link rel="stylesheet" href="assets/css/style.min.css">
</head>
<style>
  .bottomcontainer {
    width: 100%;
    height: 0.7rem;
    background: rgba(0, 0, 0, 0.3);
    display: flex;
  }

  .breadcrumbs-area {
    background: url('./assets/images/slider/zhuanding.jpg') no-repeat;
    background-position: center;
    padding: 100px 0 240px 0;
  }

  .one {
    flex: 1;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
  }

  .one img {
    width: 0.5rem;
    height: 0.5rem;
    margin-right: 0.15rem;
  }

  .titlenav {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }

  * {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
  }
  body{
    background: #000;
  }

  .bottomtitle {
    width: 100%;
    height: 0.3rem;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #9999;
    font-size: 0.12rem;
  }

  .centernav {
    width: 100%;
    /* height: 1rem; */
    display: flex;
    justify-content: center;
    margin-bottom: 0.2rem;
  }

  .centernavone {
    margin: 0 0.2rem;
    color: #fff;

  }

  .centernavone a {
    color: #fff;
    border-bottom: 1px solid #fff;
    font-size: 0.15rem;
  }

  .dizhilan {
    font-size: 0.14rem;
    color: #fff;
    text-align: center;
  }

  .dizhilan span {
    margin: 0 0.3rem;
  }

  .menu-text {
    color: #fff;
    font-size: 15px;
  }

  .menu-text:hover {
    border-bottom: 2px solid #fff;
  }

  .nav li a {
    height: 1rem;

  }

  .activee {
    border-bottom: 2px solid #fff;
  }

  .about-sectionone {
    margin-top: 0.3rem;

    background: #000;
    padding: 0 3.2rem;
  }

  .containerone {
    margin: 0;
    width: 100% !important;
    height: 5rem;
    display: flex;

  }

  .usernav {
    width: 25%;
    height: 100%;
    /* background: red; */
    padding: 0.2rem;
  }

  .usernav .imgbox {
    width: 100%;
    height: 60%;
    overflow: hidden;
  }

  .usernav .imgbox img {
    width: 100%;
    height: 3.86rem;
  }

  .jieshao {
    width: 100%;
    height: 40%;
    background: #fff;
    display: flex;
    flex-direction: column;
    padding: 0.1rem;
  }

  .uesrname {
    color: #000;
    font-size: 0.2rem;
    font-weight: bold;
    margin-bottom: 0.1rem;


  }

  .xiahuaxian {
    width: 20%;
    border-bottom: 4px solid #6375b7;
    margin-bottom: 0.2rem;
  }

  .wenzi {
    font-size: 0.14rem;
    color: #7b7b78;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
  }
</style>

<body>
  <div id="preloader">
    <div class="preloader">
      <div class="spinner-border text-primary"></div>
    </div>
  </div>
  <!-- Header Area Start Here -->
  <header class="main-header-area header-sticky position-relative">
    <!-- Main Header Area Start -->
    <div class="main-header">
      <div class="container">
        <div class="row align-items-center">
          <div class="col-lg-2 col-xl-2 col-md-6 col-6">
            <div class="header-logo d-flex align-items-center"><a href="index.html"><img class="img-full"
                  src="assets/images/logo/white-logo.png" alt="Header Logo"></a></div>
          </div>
          <div class="col-lg-10 col-md-6 col-6 d-flex justify-content-end">
            <nav class="main-nav d-none d-lg-flex">
              <ul class="nav">
                <li><a href="index.html"><span class="menu-text">首页</span>
                  </a>
                </li>
                <li><a href="service.html"><span class="menu-text">解决方案</span></a></li>
                <li><a href="portfolio.html"><span class="menu-text">服务特色</span>


                  </a>
                </li>
                <li><a class="active" href="specialist.html"><span class="menu-text activee">专家团队</span>
                <li><a href="about.html"><span class="menu-text ">关于我们</span></a></li>

              </ul>
            </nav>

          </div>
        </div>
      </div>
    </div>
    <!-- Main Header Area End -->
    <!-- off-canvas mobile menu start -->
    <aside class="off-canvas-wrapper" id="mobileMenu">
      <div class="off-canvas-overlay"></div>
      <div class="off-canvas-inner-content">
        <div class="btn-close-off-canvas"><i class="fa fa-times"></i></div>
        <div class="off-canvas-inner">
          <div class="offcanvas-widget-area">
            <!-- Start Serach Box -->
            <div class="search-box-wrap off-canvas-item">
              <form action="#" method="post">
                <input placeholder="Search..">
                <button class="btn-search"><i class="fa fa-search"></i></button>
              </form>
            </div>
            <!-- End Search Box -->
            <!-- mobile menu start -->
            <div class="mobile-navigation">
              <!-- mobile menu navigation start -->
              <nav>
                <ul class="mobile-menu">
                  <li class="menu-item-has-children"><a href="#">Home</a>
                    <ul class="dropdown">
                      <li><a href="index.html">Home One</a></li>
                      <li><a href="index-2.html">Home Two</a></li>
                    </ul>
                  </li>
                  <li><a href="about.html">About</a></li>
                  <li><a href="service.html">Service</a></li>
                  <li class="menu-item-has-children"><a href="#">Portfolio</a>
                    <ul class="dropdown">
                      <li><a href="portfolio.html">Portfolio One</a></li>
                      <li><a href="portfolio-2.html">Portfolio Two</a></li>
                      <li><a href="portfolio-details.html">Portfolio Details</a></li>
                    </ul>
                  </li>
                  <li class="menu-item-has-children"><a href="#">Blog</a>
                    <ul class="dropdown">
                      <li><a href="blog.html">Blog</a></li>
                      <li><a href="blog-left-sidebar.html">Blog Left Sidebar</a></li>
                      <li><a href="blog-details.html">Blog Details</a></li>
                    </ul>
                  </li>
                  <li><a href="contact.html">Contact</a></li>
                </ul>
              </nav>
              <!-- mobile menu navigation end -->
            </div>
            <!-- mobile menu end -->
            <!-- Soclial Link Start -->
            <div class="widget-social"><a title="Facebook" href="#"><i class="fa fa-facebook-f"></i></a><a
                title="Twitter" href="#"><i class="fa fa-twitter"></i></a><a title="Linkedin" href="#"><i
                  class="fa fa-linkedin"></i></a><a title="Youtube" href="#"><i class="fa fa-youtube"></i></a><a
                title="Vimeo" href="#"><i class="fa fa-vimeo"></i></a></div>
            <!-- Social Link End -->
          </div>
        </div>
      </div>
    </aside>
    <!-- off-canvas menu end -->
    <!-- Offcanvas Serach Start -->
    <aside class="off-canvas-search-wrapper">
      <div class="off-canvas-overlay"></div>
      <div class="off-canvas-inner-content">
        <div class="off-canvas-inner">
          <form action="#" method="post">
            <input type="search" placeholder="Search..">
            <button class="search-btn"><i class="fa fa-search"></i></button>
          </form>
        </div>
      </div>
    </aside>
    <!-- Offcanvas Search End -->
    <!-- off-canvas menu start -->
    <aside class="off-canvas-menu-wrapper" id="sideMenu">
      <div class="off-canvas-overlay"></div>
      <div class="off-canvas-inner-content">
        <div class="off-canvas-inner">
          <!-- offcanvas widget area start -->
          <div class="offcanvas-widget-area">
            <!-- Start Serach Box -->
            <div class="search-box-wrap off-canvas-item">
              <form action="#" method="post">
                <input placeholder="Search..">
                <button class="btn-search"><i class="fa fa-search"></i></button>
              </form>
            </div>
            <!-- End Search Box -->
            <ul class="menu-top-menu">
              <li><span>Who We Are</span></li>
            </ul>
            <p class="desc-content">Lorem ipsum dolor sit amet,consectetur adipiscing elit,sed do eiusmod tempor
              incididunt ut labore et dolore magna aliqua.</p>
            <ul class="useful-link">
              <li><a href="index.html">Home</a></li>
              <li><a href="service.html">Service</a></li>
              <li><a href="portfolio.html">Portfolio</a></li>
              <li><a href="about.html">About Us</a></li>
              <li><a href="contact.html">Contact Us</a></li>
            </ul>
            <div class="widget-social">
              <ul class="menu-top-menu">
                <li><span>Connect With Us</span></li>
              </ul>
              <a title="Facebook" href="#"><i class="fa fa-facebook-f"></i></a><a title="Twitter" href="#"><i
                  class="fa fa-twitter"></i></a><a title="Linkedin" href="#"><i class="fa fa-linkedin"></i></a><a
                title="Youtube" href="#"><i class="fa fa-youtube"></i></a><a title="Vimeo" href="#"><i
                  class="fa fa-vimeo"></i></a>
            </div>
          </div>
          <!-- offcanvas widget area end -->
        </div>
        <div class="btn-close-off-canvas"><i class="fa fa-times"></i></div>
      </div>
    </aside>
    <!-- off-canvas menu end -->
  </header>
  <!-- Header Area End Here -->
  <!-- Breadcrumb Area Start Here -->
  <div class="breadcrumbs-area position-relative mb-text-p">
    <div class="container" style="position: relative;">
      <div class="row">
        <div class="col-12 text-center">
          <div class="breadcrumb-content position-relative section-content">
            <h3 class="title"
              style="color: #fff;font-size: 0.6rem; position: absolute;margin-left: 42%;margin-top: 3%;">专家团队</h3>
          </div>
        </div>
      </div>
    </div>
  </div>
  <!-- Breadcrumb Area End Here -->
  <!-- About Section Start Here -->
  <div class="about-sectionone">

    <div class="containerone">
      <div class="usernav">
        <div class="imgbox">
          <img src="./assets/images/about/man.jpg" alt="">
        </div>
        <div class="jieshao">
          <span class="uesrname">专家姓名</span>
          <span class="xiahuaxian"></span>
          <span class="wenzi">专家姓名</span>
        </div>
      </div>
      <div class="usernav">
        <div class="imgbox">
          <img src="./assets/images/about/man.jpg" alt="">
        </div>
        <div class="jieshao">
          <span class="uesrname">专家姓名</span>
          <span class="xiahuaxian"></span>
          <span class="wenzi">专家姓名</span>
        </div>
      </div>
      <div class="usernav">
        <div class="imgbox">
          <img src="./assets/images/about/man.jpg" alt="">
        </div>
        <div class="jieshao">
          <span class="uesrname">专家姓名</span>
          <span class="xiahuaxian"></span>
          <span class="wenzi">专家姓名</span>
        </div>
      </div>
      <div class="usernav">
        <div class="imgbox">
          <img src="./assets/images/about/man.jpg" alt="">
        </div>
        <div class="jieshao">
          <span class="uesrname">专家姓名</span>
          <span class="xiahuaxian"></span>
          <span class="wenzi">专家介绍</span>
        </div>
      </div>

    </div>
  </div>
  <!-- About Section End Here -->
  <!-- Footer Section Start Here -->
  <footer class="footer-section pt-90" style="background-color: #000;padding: 0;font-weight: bold;">
    <div class="footer-widget-area" style="height: 1.5rem;display: flex;justify-content: center;align-items: center;">
      <span style="color: #fff;font-size: 0.4rem;">数字乡村，成就卓越</span>
    </div>
    <div class="centernav">
      <div class="centernavone" style="margin: 0 0.2rem;">
        <span>友情链接：</span>
        <a href="#">16988农产品集购网</a>
      </div>
      <div class="centernavone" style="margin: 0 0.2rem;">
        <a href="#">16988农产品集购网</a>
      </div>
      <div class="centernavone" style="margin: 0 0.2rem;">

        <a href="#">16988农产品集购网</a>
      </div>
      <div class="centernavone" style="margin: 0 0.2rem;">

        <a href="#">16988农产品集购网</a>
      </div>
      <div class="centernavone" style="margin: 0 0.2rem;">

        <a href="#">16988农产品集购网</a>
      </div>


    </div>
    <div class="dizhilan">
      <span>公司地址：南京市雨花台区金证科技园6幢5楼</span>
      <span>联系电话：17327790250</span>
    </div>
    <div class="bottomtitle">
      <span>备案/许可证编号：版权所有 2018-2020 迅迪网络 All Rights Reserved. 苏ICP备20005106号-1</span>
    </div>

  </footer>
  <!-- Scroll Top Start Here --><a href="#" class="scroll-top" id="scroll-top"><i
      class="arrow-top fa fa-angle-double-up"></i><i class="arrow-bottom fa fa-angle-double-up"></i></a>

  <script src="assets/js/vendor/vendor.min.js"></script>
  <script src="assets/js/plugins/plugins.min.js"></script>
  <!--Main JS-->
  <script src="assets/js/main.js"></script>
  <script>
    let htmlWidth = document.documentElement.clientWidth || document.body.clientWidth;
    let htmlDOM = document.getElementsByTagName('html')[0];
    htmlDOM.style.fontSize = htmlWidth / 19.2 + 'px';

    window.addEventListener('resize', (e) => {
      let htmlWidth = document.documentElement.clientWidth || document.body.clientWidth;
      htmlDOM.style.fontSize = htmlWidth / 19.2 + 'px';
    })
  </script>
</body>

</html>